.container{
    background-color: #F8F8F8;
    // padding: 17px;
    :global{
        // 标题1
        .qd_title1_area{
            display: flex;
            justify-content: space-between;
            .qd_title1_text_left{
                font-size: 20px;
                font-weight: bold;
                color: #333333;
            }
            .qd_title1_text_right{
                font-size: 12px;
                font-weight: 500;
                color: #2E57FF;
                display: flex;
                align-items: center;
                justify-content: center;
                .qd_title1_text_right_arrow{
                    margin-left: 7px;
                    transform: rotateZ(270deg);
                }
            }
        }
        
        // 学习信息
        .qd_study_area{
            margin-top: 26px;
            width: 342px;
            height: 200px;
            background: #2E57FF;
            box-shadow: 0px 13px 29px 0px rgba(46,87,255,0.2);
            border-radius: 27px;
            position: relative;
            .qd_study_title{
                font-size: 11px;
                font-weight: 400;
                color: #FFFFFF;
                position: absolute;
                left: 27px;
                top: 20px;
            }
            .qd_study_img_area{
                position: absolute;
                left: 20px;
                top: 51px;
                .adm-image{
                    --width:134px;
                    --height:125px;
                }
            }
            .qd_study_total{
                position: absolute;
                right: 22px;
                top: 96px;
                .qd_study_total_text_left{
                    font-size: 13px;
                    font-weight: 400;
                    color: #FFFFFF;
                }
                .qd_study_total_text_const{
                    // background: #FFFFFF;
                    color:#FFFFFF ;
                    margin-left: 13px;
                    margin-right: 13px;
                }
                .qd_study_total_text_right{
                    font-size: 13px;
                    font-weight: 400;
                    color: #FFFFFF;
                    
                }
            }
            .qd_study_num_left{
                position: absolute;
                right: 124px;
                top: 140px;
                .qd_study_num{
                    font-size: 24px;
                    font-weight: bold;
                    color: #FFC837;
                }
                .qd_study_num_topic{
                    font-size: 13px;
                    font-weight: 400;
                    color: #FFFFFF;
                }
            }
            .qd_study_num_right{
                position: absolute;
                right: 41px;
                top: 140px;
                .qd_study_num{
                    font-size: 24px;
                    font-weight: bold;
                    color: #FFC837;
                }
                .qd_study_num_topic{
                    font-size: 13px;
                    font-weight: 400;
                    color: #FFFFFF;
                }
            }
        }
        //nav导航
        .qd_nav_area{
            display: flex;
            margin: 27px 0 30px 35px;
            .qd_nav_img_area{
                margin-right: 28px;
                .adm-image{
                    --width:72px;
                    --height:72px;
                }
            }
        }
       
        // 标题2
        .qd_title2_area{
            display: flex;
            margin-bottom: 20px;
            .qd_title2_text_left{
                font-size: 20px;
                font-weight: bold;
                color: #333333;
            }
            .qd_title2_text_right{
                font-size: 11px;
                font-weight: 400;
                color: #666666;
                margin-left: 15px;
                display: flex;
                align-items: flex-end;
                
            }
        }

        //练习列表
        .qd_practice_area{
            .qd_practice_list{
                width: 342px;
                height: 70px;
                background: #FFFFFF;
                box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.02);
                display: flex;
                padding: 0 17px 0 ;
                box-sizing: border-box;
                margin-bottom: 10px;
                .qd_practice_list_left{
                    
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    margin-right: 14px;
                    .adm-image{
                        --width:23px;
                        --height:23px;
                    }
                }
                .qd_practice_list_conter{
                   flex: 1;
                    .qd_practice_list_conter_title{
                        width: 167px;
                        font-size: 16px;
                        font-weight: 500;
                        color: #333333;
                        line-height: 16px;
                        margin-top: 13px;
                        overflow: hidden;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                    }
                    .qd_practice_list_conter_total{
                        font-size: 12px;
                        font-weight: 400;
                        color: #666666;
                        line-height: 10px;
                        margin-top: 8px;

                    }
                    .qd_practice_list_conter_progress{
                        margin-top: 7px;
                    }
                }
                .qd_practice_list_right{
                    margin-left: 38px;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                }
            }
        }
    }
}